<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">

    <title>Utbudstjänst</title>

    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/bootstrap-responsive.css">
    <link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.21.custom.css">
    <link rel="stylesheet" href="../css/application-ocean-breeze.css">
    <script src="../js/lib/modernizr-2.5.3.min.js"></script>
</head>

<body class="login">
<div id="headerPlaceholder"></div>
<div id="content">
    <div class="account-container login">
        <div class="content clearfix">
            <form id="loginform" name="loginform" action="" method="post">
                <h1>Logga in</h1>

                <div class="login-fields">
                    <p>Logga in med befintligt konto:</p>
                    <div id="error" class="alert alert-error hidden">
                        <i class="icon-exclamation-sign"></i> <strong id="errormessage"></strong>
                    </div>
                    <div class="field">
                        <label for="username">Andvändarnamn:</label>
                        <input type="text" id="username" name="username" value="" placeholder="Användarnamn" class="login username-field" />
                    </div> <!-- /field -->
                    <div class="field">
                        <label for="password">Lösenord:</label>
                        <input type="password" id="password" name="password" value="" placeholder="Lösenord" class="login password-field"/>
                    </div> <!-- /password -->
                </div> <!-- /login-fields -->

                <div class="login-actions">
                    <button id="bLogin" class="button btn btn-primary btn-large">Logga in</button>
                </div> <!-- /login-actions -->
            </form> <!-- end form -->
            <div>Manual och information om inloggning hittar du på <a href="http://www.vardgivarguiden.se/utbudstjansten">Vårdgivarguiden</a>.</div>
        </div> <!-- /content -->
    </div> <!-- /account-container -->
</div> <!-- /content -->
<script src="../js/lib/jquery-1.7.2.min.js"></script>
<script src="../js/lib/jquery-ui-1.8.21.custom.min.js"></script>
<script src="../js/lib/jquery.ui.touch-punch.min.js"></script>
<script src="../js/lib/bootstrap.min.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>
<script src="../js/lib/jquery-handlebars-1.1.4.min.js"></script>
<script src="../login/js/login.js"></script>
<script>
        $.handlebars({
            templateExtension: 'html'
        });
        $('#headerPlaceholder').render('../header', {
            login: true,
            mastheadTitle: 'Utbudstjänst',
            mastheadSubtitle: 'Administration av vårdtjänster och utbud.'
        });
    </script>

</body>
</html>
